<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>

        <script src="js/jquery-3.2.1.min.js"></script>
        <script src="js/top.js"></script>
        <script src="js/foot.js"></script>
</head>
<body>
<div id="shopping_top"></div>


<c:forEach items="${list}" var="newPro" varStatus="idx">
    <c:if test="${(idx.index)%5==0}">
        <div class="col-md-1" style="text-align:center;height:200px;padding:10px 0px; margin-top: 50px;">&nbsp;</div>
    </c:if>
    <div class="col-md-2" style="text-align:center;height:200px;padding:10px 0px;margin-top: 50px;">
        <a href="${pageContext.request.contextPath}/productServlet?method=getById&gid=${newPro.pid}">
            <img src="goods/${newPro.pimages }" width="130" height="130" style="display: inline-block;">
        </a>
        <p><a href="${pageContext.request.contextPath}/productServlet?method=getById&gid=${newPro.pid}" style='color:#666'>${newPro.pname }</a></p>
        <p><font color="#E4393C" style="font-size:16px">&yen;${newPro.market_price }</font></p>
    </div>
    <c:if test="${(idx.index+1)%5==0}" >
        <div class="col-md-1" style="text-align:center;height:200px;padding:10px 0px;margin-top: 50px;">&nbsp;</div>
    </c:if>
</c:forEach>


<iframe src="bottom.jsp" width="100%" height="400" scrolling="no" frameborder="0"></iframe>
</body>
</html>
